<template>
  <div class="header">
		<div class="nav-left">
    		<i class="iconfont icon-liebiao"></i>
				<van-icon name="wap-nav" />
    		<span>{{title}}</span>
		</div>
		<div class="nav-right">
			<i class="iconfont icon-tixing"></i>
			<i class="iconfont icon-fenxiang"></i>
		</div>
  </div>
</template>

<script>
export default {
	data(){
		return {
		}
	},
	computed:{
		title(){
			return this.$store.state.title;
		}
	},
}
</script>

<style lang="scss" scope>
@import "../assets/style/common.scss";

.header {
    width: 100vw;
    background-color: #00a2eb;
	height: px2rem(100px);
	position: fixed;
	top: 0;
	left: 0;
	line-height: px2rem(100px);
	color: #fff;
	z-index: 200;
	
	.nav-left{
		float: left;
		margin-left: px2rem(35px);

		i{
			font-size: px2rem(32px);
			margin-right: px2rem(60px);
		}
		
		span{
			@include font-dpr(22px);		
		}
	}

	.nav-right{
		float:right;
		margin-right: px2rem(35px);

		i{
			font-size: px2rem(32px);
			margin-left: px2rem(60px);
		}
	}
}
</style>